<!DOCTYPE html>
<html>
<head>
<title>美赞臣H5小游戏</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"/>
<link rel="stylesheet" type="text/css" href="css/common.css?v=3" />
<link rel="stylesheet" type="text/css" href="css/index.css?v=<?php echo rand(1,9999999) ?>" />
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="js/jquery.js"></script>
<script src="js/base/base.js"></script>
<script src="js/base/com.js"></script>
<style type="text/css">
html, body {
    width: 100%;
    height: 100%;
}
article {
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    transform-origin: 0 0;
}
.content {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translate3d(0,0,0);
    background-image:url("images/bg2.jpg");
}	
.gonggaobox{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);overflow:hidden;z-index:1102;}
.gonggaopic{
	width:90%;height:90%;position:absolute;top:5%;left:5%;overflow:hidden;
	background:url(./images/gonggao-t1.png) no-repeat center;background-size:100% 100%;
}
img.gonggaoLogo{display:block;position:absolute;top:-1px;left:0.1rem;}
img.closegonggao{display:block;width:0.58rem;height:0.58rem;position:absolute;top:0.52rem;right:0.5rem;left:auto;}
.ggbox01-time{position:absolute;top:58%;width:100%;color:#126388;font-size:0.27rem;font-weight:600;}
.ggcontentbox{text-align:left;color:#126388;font-size:16px;}
.ggcontentbox strong{font-weight:600;}
.ggcontentbox p{line-height:0.36rem;}
.weui-mask, .weui-mask_transparent{z-index:1160;}

/* 取代系统alert的弹窗 */
aside.alertBox{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10000;}
aside.alertBox>div{ position: absolute; left: 50%; top: 50%; width:85%; transform: translate(-50%,-50%); background-color:#FAFAFC; border-radius:0.07rem; padding-top: 0.46rem;}
aside.alertBox>div>p.text{font-size:0.3rem; line-height: 1.4; color:#888; padding: 0 0.46rem 0; margin-bottom: 0.46rem; text-align:center; }
aside.alertBox>div>p.btn{ text-align: center; border-top: 1px solid #D5D5D6; }
aside.alertBox>div>p.btn a{ color:#0BB20C; font-size:0.4rem; line-height: 1rem; display: block;}
aside.alertBox>div>p.btn a:active{ background-color: #eeeeee;}

/* 系统confirm弹窗 */
aside.confirmBox{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:998;}
aside.confirmBox>div{ position: absolute; left: 50%; top: 50%; width:85%; transform: translate(-50%,-50%); background-color:#FAFAFC; border-radius:0.07rem; padding-top: 0.46rem;}
aside.confirmBox>div>p.text{font-size:0.3rem; line-height: 1.4; color:#888; padding: 0 0.46rem 0; margin-bottom: 0.46rem; text-align:center; }
aside.confirmBox>div>p.btn{ border-top: 1px solid #D5D5D6; display: flex; align-items: center; justify-content: center; }
aside.confirmBox>div>p.btn a{ color:#0BB20C; font-size:0.4rem; line-height: 1rem; text-align: center; flex: 1;}
aside.confirmBox>div>p.btn a:active{ background-color: #eeeeee;}
aside.confirmBox>div>p.btn a:first-child{ border-right: 1px solid #D5D5D6;}
</style>
<script>
var _isPlay=false;
var _openid='<?php echo $openid; ?>';
var _cookieId='<?php echo time(); ?>';
$(function(){
	$(".content").css({"background-image":"url(images/bg2.jpg?v=2)"});
});
function _setEveClick(_type){
   $.post("api/?c=click", {op:_openid,t:_type,cookieid:_cookieId}, function(data){}, "json");
}
_h=h= Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var sWidth = parseInt((window.innerWidth > 0) ? window.innerWidth : screen.width);
if(sWidth>750){sWidth=750;}
var _rate=(sWidth/750);
</script>
</head>
<body>
<article id="container">
	<!-- 用户登录 -->
 
	
	<!-- 游戏部分 -->
	<section class="content content-bg" id="content">
		 
	</section>
	<img src="images/logo2.png?v=4" class="logo" />
 
 

	<!-- 手机号注册 -->
	<div class="phonereg" style="display:block;">
		  
		 <div class="phonereg-t1">
		 	<input type="number"  maxlength="11" class="phonereg-phone hold1" value=""  placeholder="请输入手机号" oninput="if(value.length>11)value=value.slice(0,11)" />
		 	<input type="number"  maxlength="6" class="phonereg-code hold1" value=""  placeholder="请输入" />
            <div class="phonereg-yzbtn getYzm">获取验证码</div>
		 	<div class="phonereg-btn"></div>
		 </div> 
	</div>

	<!-- 用户注册 -->
	<div class="userreg" style="display:none;">
		 <div class="userreg-t1">
		 	<div class="userreg-phone">13682717223</div>
		 	<input type="text" class="userreg-name hold1" value=""  placeholder="请输入" />
		 	<input type="text" class="userreg-yu hold1"  id="userreg-d1" value=""  placeholder="选择日期" />
		 	<input type="text" class="userreg-yu2 hold1" id="userreg-d2" value=""  placeholder="选择日期" /> 
		 	<img src="images/user-reg-chek2.png" class="userreg-c1" />
		 	<div class="userreg-tiaokuan"></div>
            <div class="userreg-btn"></div>
		 	 
		 </div>
		 <!-- 协议 -->
		<div class="xieyibox">
			<div class="xieyioutbox">
				<div class="scrollxieyibox">
					<img src="images/tk_01.jpg" />
					<img src="images/tk_02.jpg" />
					<img src="images/tk_03.jpg" />
				</div>
			</div>
		</div>
 
	</div>


	<div class="loaddatabox"><img src="images/load.gif" /></div>
	
	<div class="weui-toast" style="display:none;">
         <i class="weui-icon-warn weui-icon_toast"></i>
         <p class="weui-toast__content">战队名已存在</p>
    </div>
    <div style="display:none;">
	    <audio id="bgm" preload="auto"  loop="loop"><source src='./mp3/bg.mp3?v=6' type="audio/mp3"> </audio>
	    <audio id="fen" preload="auto"><source src='./mp3/fen.mp3?v=5' type="audio/mp3"> </audio>
	    <audio id="peng" volume="0.6" preload="auto"><source src='./mp3/peng.mp3?v=5' type="audio/mp3"> </audio>
	</div>
	
</article>
<script src="https://res.wx.qq.com/t/wx_fed/cdn_libs/res/weui/1.2.5/weui.min.js"></script>
<?php include 'js.php'; ?>
</body>
</html>